标签的触摸/鼠标滑动事件，添加元素的切换动画，效果如下： 事件监听鼠标事件和触摸事件监听：componentDidMount() {     var teachingReportDiv = document.getElementById(" ...

1. 简述 Promise 所谓 Promise，简单来说，就是一个容器，里面保存着某个未来才会结束的事件（通常是一个异步操作）的结果。 Promise 对异步调用进行封装，是一种异步编程的解决方案。 从语法上来说，Promise 是一个对 ...

Vue Router 基础回顾 使用步骤 首先使用 vue cli 创建一个 Vue 项目来回顾一下 vue router 的使用。 全局安装 vue cli。 npm i -g @vue/cli 安装完成后检查版本是否正常。 vue -- ...

Vue 框架通过数据双向绑定和虚拟 DOM 技术，帮我们处理了前端开发中最脏最累的 DOM 操作部分， 我们不再需要去考虑如何操作 DOM 以及如何最高效地操作 DOM；但 Vue 项目中仍然存在项目首屏优化、Webpack 编译配置优化等 ...

1、-webkit-line-clamp可以把 块容器 中的内容限制为指定的行数。并且在超过行数后，在最后一行显示"..."这是正常的展示 display: -webkit-box; /*值必须为-webkit-box或者-webkit-i ...

前言公司的项目需要做seo，经过翻阅nuxt文档 、相关资料及自己实战后，特意整理分享这篇文章，方便入坑的同学脱坑，同时自己也做下笔记，如有说错的地方，还望指点。没有了解过seo和ssr服务器渲染的同学，建 ...

apply和call 在js中，apply和call都是用来改变函数 执行时上下文 的，也就是改变 this 的指向。 js中上下文分为定义时上下文，执行时上下文，且上下文this的指向是可以改变的。 举一个栗子? new 一个人 叫nat ...

平时的搜索功能都是基于后台交互，拿数据就好。前几日碰到了需要使用本地数据匹配模糊搜索的功能，重新封了一个vue小组件以作参考 源码 Git地址(components > fuzzySearch) 分布解析 1.HTML和数据制造 <tem ...

学习JSX,先了解一下createElement 提到JSX,不可避免的就要提到createElement,当你看完本节，你会发现，奇怪的知识又增多了。ok，我们接着上一部分继续讲。这一次的准备工作是了解createElement。 从Vu ...

是时候使用JSX代替createElement了 接着上面的讲，当我们看到上面用createElement去实现组件，太麻烦了，别说工作效率提高了，就是那些嵌套可以嵌套正确就很赞了，所以我们需要用JSX去简化整个逻辑。当年我做项目的时候就遇 ...